
.container{width: 100%;padding: 10px; box-sizing: border-box;}

.search{  display: flex;   width: 100%; padding: 10px; background-color: #f6f6f6; box-sizing: border-box;}
.search input[type=text] {   flex-grow: 1;border-radius: 5px 0 0 5px; border: 1px solid #d7d7d7;padding-left: 8px;}
.search button{  border-radius: 0 5px 5px 0;  border: 1px solid #d7d7d7;  padding: 5px;}
.swiper-container {  padding: 0;  height: 200px;}
.swiper-slide img { width: 100%; }

.nav{display: flex; }
.nav .nav-item{ padding: 10px; width: 25%;  display: flex;flex-direction: column; align-items: center;  text-decoration: none; color: gray;}
.nav .nav-item img.nav-item-img { border-radius: 50%;}
.nav .nav-item p.title {text-transform: uppercase;}

.notification{border-top: 1px #e6e6e6 solid; border-bottom: 1px #e6e6e6 solid; padding-top: 5px; padding-bottom: 5px;}
.notification .content{ text-decoration: none; display: flex; align-items: center; color: grey; cursor: pointer;}
.notification .content .icon{ width: 20px; height: 30px; line-height: 30px;}
.notification .content .go{ width: 10px; height: 30px; line-height: 30px; font-size: 26px;}
.notification .title{display: inline-block; padding-left: 5px; flex-grow: 1; }

.floor-title{display: flex;align-items: center; background-color: #fcfcfc; box-shadow: 2px 2px 2px gainsboro; padding: 0px 10px; color: gray;}
.floor-title .icon{ width: 3px; height: 12px; background-color: green;box-shadow: 2px 2px 2px gainsboro; }
.floor-title .title{margin:  10px 0; padding-left: 5px; flex: 1;}
.floor-title .more {padding-right: 8px; text-decoration: none; text-shadow: 1px 1px 1px gainsboro; }

.floor{ display: flex; flex-wrap: wrap;}
.floor .product-item{width: 50%; padding: 3px; box-sizing: border-box; text-decoration: none; color: gray;
  /* display: flex; flex-direction: column; align-items: center; */
}
.floor .product-item .product-img{width: 100%; border-radius: 5px; }
.floor .product-item .product-name{ overflow: hidden; white-space: nowrap;text-overflow: ellipsis; font-size: 14px; }

.recommended .product-item{ width: 33%;}